<template  lang="pug">
	view.box.p10
		view.flex
			view.cart.flex.at.f14.c3.p10
				view(@click="select(1)") {{time1}}
				view(style="margin:0 10px") -
				view(@click="select(2)") {{time2}}
			u-datetime-picker(
				mode="date",
				:show="show",
				v-model="value1",
				@confirm="confirm",
				@cancel="show=false"
			)
		view
			view.cart.p10.mt10(
				style="background:#1FD5D6;text-align: center",
				v-for="item,index in 4"
			)
				view.flex.at.jt
					view.w33.cf.f14 初始血压值
					view.w33.cf.f12(style="") 2022-7-19  8:26
					view.w33.y.f12 中度
				view.flex.mt20
					view.w33.cf.f14 130 mmHg
					view.w33.cf.f14 88 mmHg
					view.w33.cf.f14 88次/分钟
				view.flex.mt10
					view.w33.cf.f12 收缩压（高压）
					view.w33.cf.f12 舒张压（低压）
					view.w33.cf.f12 心率
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				value1:'',
				time1:'2022-12-12',
				time2:'2022-12-12'
			}
		},
		methods: {
			select(e){
				this.show=true
			},
			confirm(e){
				console.log(e)
			},
		}
	}
</script>

<style>
page{
	background: #f0f0f0;
}
</style>
